<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../jQuery.min.js"></script>
    <title>Document</title>
</head>
<body>
    <button>发送get请求</button>
    <button>发送post请求</button>
    <button>jquery通用方法发送ajax请求</button>
    <script>
        $('button').eq(0).click(function(){
            // 第一个参数用于设置url
            // 第二个参数用于设置参数
            // data用于保存响应体
            $.get('http://127.0.0.1:8000/jquery', {a:100,b:200}, function(data){
                console.log(data);
            });
        });
        $('button').eq(1).click(function(){
            $.post('http://127.0.0.1:8000/jquery', {a:100,b:200}, function(data){
                console.log(data);
                // 'json'用来设置响应体的类型
            }, 'json');
        });
        $('button').eq(2).click(function(){
            $.ajax(
                {
                    // 设置请求类型
                    type:'GET',
                    // 设置url
                    url:'http://127.0.0.1:8000/jquery',
                    // 设置参数
                    data:{a:100, b:200},
                    // 设置响应体类型
                    dataType:'json',
                    // 成功的回调
                    success:function(data){
                        console.log(data);
                    },
                    // 超时时间
                    timeout:2000,
                    // 失败的回调
                    error:function(){
                        console.log('出错啦！');
                    }
                }
            );
        });
    </script>
</body>
</html>